@charset "utf-8";
/* CSS Document V1@2009.Oct.*/

/* miyac reset */
html{color:#333;background:transparent;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*to enable resizing for IE*/input,textarea,select{*font-size:100%;}

/* 基本 */
body{font-size:13px; font-family:Arial, Helvetica, sans-serif,"宋体", "新細明體";}
a{_zoom:1;}strong{font-weight:bold;}
a:visited{color:#5b96bf;text-decoration:none;}
a:link{color:#369;text-decoration:none;}
a:hover{color:#369;text-decoration:underline;}
a:active{color:#369;text-decoration:underline;}
ol,ul{list-style:none;}

#container{ width:950px; margin:0 auto; overflow:hidden;}
#header{}
.logo{margin:0 20px 0 33px;width:155px; height:60px; float:left;}
.logo img{width:155px;height:60px; display:block;background:url(/images/logo_red_150x55.gif) no-repeat 0 0;}
.menu{margin:0;}
.location{margin:1px 0 5px 5px;_margin:3px 0 2px 3px;vertical-align:bottom;}
.location span{}
.order-step{margin:5px 0 10px; text-align:center;}
#main { clear:both;}
#footer{clear:both; height:15px; border-bottom:1px solid #ccc; margin-top:10px; text-align:center;background:url(/images/bg_gradient.gif) repeat-x 0 -382px; padding:7px 20px; color:#777;}
#footer p{float:left; font-size:12px;}
#footer div{float:right;}
#footer a:link,#footer a:visited{text-decoration:none;padding:0 2px; color:#333;}#footer a:hover{text-decoration:underline;}


.top-bar{background:url(/images/bg_top.gif) no-repeat 0 0; height:30px;}
.top-bar a:link,.top-bar a:visited{ color:#333;}
.top-bar p{float:left; margin:5px 0 0 30px;}
.top-bar p a:link,.top-bar p a:visited{ color:#369;}
.top-bar .fast-link{float:right; margin:5px 30px 0 0;}
.fast-link a:link,.fast-link a:visited,.icon-car{text-decoration:none; padding:3px 0 0 20px; margin-left:5px;background:url(/images/icon_25.gif) no-repeat;}
.fast-link a:hover{text-decoration:underline;}
a.icon-car:link,a.icon-car:hover,a.icon-car:visited{background-position:0 -202px;*background-position:0 -204px;}
.fast-link a.icon-collect:link,.fast-link a.icon-collect:hover,.fast-link a.icon-collect:visited{background-position:0 -235px;*background-position:0 -237px;}
.fast-link a.icon-myaccont:link,.fast-link a.icon-myaccont:hover,.fast-link a.icon-myaccont:visited{background-position:1px -267px;*background-position:1px -267px;}
.fast-link a.icon-help:link,.fast-link a.icon-help:hover,.fast-link a.icon-help:visited{background-position:0 -300px;*background-position:0 -301px;}
.fast-link a.icon-share:link,.fast-link a.icon-share:hover,.fast-link a.icon-share:visited{background-position:0 -334px;*background-position:0 -335px;}

/* 提示訊息 */
.msg{float:left; line-height:1.5em; margin:0; display:block;border:1px solid #f66;padding:2px 5px;*padding:2px 5px 1px;}
.msg.rn{background-color:#fff2f2;border-color:#f66;}

.pointmsg{ margin:25px 15% 10px; line-height:1.5em; font-size:15px;}

.tips-li{ margin:35px 30px -40px; padding-top:10px; border-top:1px dashed #ccc;}
.tips-li li{text-indent:-1em;line-height:1.2em; margin:7px 0 7px 1em;}

/* 注意事项 */
.txt-note{ margin-top:10px;font-size:12px; padding:20px 10px;  border-top:1px dashed #ccc;}
.txt-note li{margin-left:2em; text-indent:-1em;}

/* --------------------------------------------  step1 ------------------------------------------------- */
/* 購物車與收藏夾tab */
.od-tab{border-bottom:3px solid #f80; width:90%; margin:0 auto 0; height:28px;*height:23px;}
.od-tab ul{ list-style:none;}
.od-tab li{display:block; float:left; font-size:15px;background:url(/images/ordertag_bg.gif) 0 -100px no-repeat #ccc; padding:5px 0 0 10px;height:22px;*height:18px;margin:1px 0 0; *margin:0;}
.od-tab li a:link,.od-tab li a:visited{ text-decoration:none;}
.od-tab li span{background:url(/images/ordertag_bg.gif) right -100px no-repeat #ccc; *background-position: right -96px;  padding:5px 10px 5px 0; *padding:10px 10px 10px 0;color:#333; text-decoration:none;}
.od-tab li b{color:#F00;font-size:13px;}
.od-tab li.tab-focus{font-size:15px;background:url(/images/ordertag_bg.gif) 0 0 no-repeat #f80; font-weight:bold;height:23px;*height:18px; margin:0;}
.od-tab li.tab-focus span{background:url(/images/ordertag_bg.gif) right top no-repeat #f80;*background-position: right 4px;}
/* 次選單 */
.tab-f-show{position:absolute; margin:24px 0 0 -10px;*margin:30px 0 0 -10px;border:1px solid #f80; display:block; height:33px; background:url(/images/sub_nav_bg.gif) 0 no-repeat; border-style:none solid solid solid; padding:0 0 0 11px;}
.tab-f-show a:link, .tab-f-show a:visited{padding:6px 5px 6px 15px;background:url(/images/icon_s10.gif) 5px -92px no-repeat; font-size:13px; color:#666; font-weight:normal; margin:1px; text-decoration:none; display:block; float:left;}
.tab-f-show a:hover, a:link.tab-sub-f,a:visited.tab-sub-f{color:#F00;}

.od-tab-show{margin:0 5%; width:90%;}



/* ------------------- 以下是舊的購物車 -------------- */


/* -------------  表格 --------------- */
/* 購物清單 */
.tb-orderlist,.tb-2,.tb-addbook{border:1px solid #ccc; width:100%; vertical-align:text-bottom;}
/* 標題 */
.tb-orderlist thead{ background:#ffe9b5; color:#631;}
.tb-orderlist th{text-align:center; font-weight:bold; font-size:15px; padding:.25em;*padding:.35em .2em .15em;vertical-align:middle; border-bottom:1px solid #F80;}
th.th-ipt{padding:0; font-size:13px; font-weight:normal;}
th.th-ipt input{font-size:11px; font-weight:normal;margin:0 1px;*margin:0 -1px;}

/* 標題的下選過濾 */
th.toselect-down{background:url(/images/icon_s10.gif) 95% 12px no-repeat #ffe9b5;}
th.toselect-down:hover{cursor:hand;}
th.toselect-down a{ color:#631; text-decoration:none; width:auto;}
th.toselect-up{background:url(/images/icon_s10.gif) 95% -28px no-repeat #ffe9b5;}
th.toselect-up:hover{cursor:hand;}
th.toselect-up a{ color:#631; text-decoration:none; width:auto;}
/* 標題的下選過濾's次選單 */ 
.sub-sel-show{position:absolute; float:right;background:#fff; border:2px solid #c17c2e; border-width:1px 2px 2px 1px;}
.sub-sel-show a{font-size:13px; font-weight:normal; margin:3px 5px; padding:1px 2px;*padding:2px; display:block;}
.sub-sel-show a:hover{background:#fff4db;}
/* 表格內容 */
.tb-orderlist td{padding:5px 5px;*padding:5px 5px 3px;border-bottom:1px solid #ddd; text-align:center;}
.tb-orderlist td p,.tb-orderlist td ul{text-align:left; vertical-align:middle;}
.tb-orderlist td p a:link,.tb-orderlist td p a:visited{color:#369; padding:0 1px;text-decoration:underline;_zoom:1; vertical-align:bottom;}.tb-orderlist td p a:hover{text-decoration:none;}
.tb-orderlist td ul li{color:#666;}
.tb-orderlist td ol,.tb-orderlist td ul{margin-top:-8px;}
.tb-orderlist td ol li{margin:2px 0;}

/* 常用收件人layer */
.tb-addbook th{}


/* 清單footer */
.odlist-ft{ overflow:auto; margin:3px 0 5px;}
.odlist-ft p{text-align:right; float:left; display:block;padding:10px 77px 15px 25px;*padding:10px 82px 15px 25px}
.odlist-ft p.odlist-note{ width:751px; *width:746px; font-size:15px; line-height:1.5em; border:1px solid #eee; background:#fffef4; _height:40px; _margin:0 0 10px; font-weight: bold; }
.odlist-ft p.page-change{width:685px;*width:670px; margin-top:5px; text-align:right;}
.boder-r,td.boder-r{ border-color:#fff; text-align: right; }
.total-weight{ font-size: 13px; font-weight: normal; text-decoration: none; line-height:2.5em; padding-right:100px;}
/* 重要提醒 */
.od-remind{margin-top:-8px; padding:8px 12px; float:left; line-height:1.1em; margin-left:25px;} 
.od-remind p{font-size:13px; font-weight:bold;}
.od-remind li{ font-size:12px; padding-left: 15px; padding-top: 6px; }

/* 購物車頁的購買與繼續選購 */
.listbtn{margin:0px auto 3px; height:55px; display:block; }
.listbtn a{float:right;}
.btn-bigw-pay,.btn-bigw-more{background:url(/images/btn_bigw.gif) no-repeat; width:150px; height:55px; display:block;}
.btn-bigw-pay span,.btn-bigw-more span{ display:none;}
.btn-bigw-pay{background-position:center 0;}
.btn-bigw-pay:hover{ background-position:center -96px;}
.btn-bigw-more{background-position:center -179px; margin-top:4px; }
.btn-bigw-more:hover{ background-position:center -251px;}

/* 滿額加購提帶誘購 */
.buymore{clear:both;margin:0px 0 5px; *margin:0px 0 15px;overflow:hidden;}
.buymore .pd-a{float:left; width:260px; line-height:1.3em; margin:20px 11px 0 0; padding:2px 7px 0; border-bottom:1px dashed #ccc; height:102px;}
.buymore .pd-b{float:left;width:260px; line-height:1.3em; margin:20px 11px 0 0; padding:2px 7px 0; bborder:0; height:102px;}
.buymore .pd-a img{border:1px solid #ddd; float:left; margin:-2px 10px 0 0;*margin:0px 10px 0 0;}
.buymore .pd-b img{border:1px solid #ddd; float:left; margin:-2px 10px 0 0;*margin:0px 10px 0 0;}
.buymore .pd-a strong,.pd-b strong{font-size:15px;}
.buymore .pd-a p,.pd-b p{ font-size:12px; color:#666; padding-top: 5px;}
.buymore .vt{vertical-align:top;}
.buymore .note{ font-size:13px; color:#666; padding-left: 10px; font-weight: normal; }

/* ----------------------  結帳流程 -------------------- */
#main h3,.buymore h3,.payment h3{padding:5px 7px 3px 17px; *padding:7px 7px 1px 17px;background:#fff9d7; border-bottom:1px solid #ffe17a; font-size:15px; color:#631;}
.payment h2{padding:5px 7px 3px 17px; *padding:7px 7px 1px 17px;background:#ccc;font-size:15px; color:#000;}
.payment h3 span{font-size:13px; font-weight:normal; vertical-align:top; padding-left:2em;}
.payment h3 span input{}
.payment,#main.member-reg{margin:5px 5%;}
.payment h3,#main.member-reg h3{margin:0;}
/* 收件人資料 */
.consignee,.discount-way,.send-way,.pay-way,.pay-dateline{ margin-top:0px; padding:10px 0; background:#f8f8f8; overflow:auto; _zoom:1;}
.pay-dateline-no,.consignee-no{ margin-top:0px; padding:5px 0; background:#fff; overflow:auto; _zoom:1;}
.consignee-no ul{padding-top:5px; *padding:0;}
.consignee-no li{vertical-align:middle; line-height:1em; margin:9px 0;_zoom:1;; overflow:auto;}
.consignee-no li label,.m-regform li label{width:95px; text-align:right; float:left; display:block; *padding:3px 3px 2px; font-weight:bold;}
.consignee-no li .fix{width:141px; text-align:right; float:left; display:block; *padding:3px 3px 2px; font-weight:bold;}
.consignee ul{padding-top:5px; *padding:0;}
.consignee li{vertical-align:middle; line-height:1em; margin:9px 0;_zoom:1;; overflow:auto;}
.consignee li label,.m-regform li label{width:95px; text-align:right; float:left; display:block; *padding:3px 3px 2px; font-weight:bold;}
.pay-dateline li label{font-weight:bold;}
.consignee li .fix{width:141px; text-align:right; float:left; display:block; *padding:3px 3px 2px; font-weight:bold;}
.consignee li .note{width:auto; *width:auto; text-align:right; float:left; display:block; font-weight:bold;}
.consignee li input{ margin:0;*margin:0 0 -7px;}
.consignee li .msg{margin:1px 0 0 100px;*margin:2px 0 0 105px;_margin:2px 0 0 54px;}
.consignee p{margin:5px 0 0;}
.c-name{width:12em;*width:11.8em;}/* 姓名 */
.t-w-10em{width:10em;} /* 省份 */
/* 優惠.送貨 */
.discount-way p,.send-way p,.pay-way p,. p,.pay-dateline-no p{line-height:1.5em; margin:5px 3em;}
/* 發票 */
.consignee{padding-bottom:5px;}
.payment fieldset {margin:5px 5px 7px;color:#333; border:1px dashed #bbb; width:390px} 
.paymentinvoice { margin:0px 0px 0px 10px;color:#333; border:1px dashed #bbb; width:375px;padding:5px 7px;}
.paymentinvoice p{ margin: 5px 0px 5px 0px; padding-left: 2px;}
.payment legend {color:#333;background:#f8f8f8; padding:2px 5px; font-weight:bold; font-size:13px;} 
.payment fieldset .txt-ss{ color:#777;}
.payment fieldset .li{ font-size:12px; padding-left: 15px; }
/* 訂單明細 */
.od-detail{padding-top:2px;}
.od-detail .tb-orderlist{background:#fff; margin:5px auto 0; width:100%;}
.od-detail div p{font-size:13px; padding:7px 35px 0 0; text-align:right;}
.od-detail p.total{ text-align:right; margin: 3px 0; }
.od-detail p.total-1{ text-align:right; margin: 3px 0; font-size: 15px; font-weight: bold; }
.od-detail p.total input{width:90px;}
.od-detail .tb-2{width:100%;background:#fff;}
.show-money{background:transparent; border:0; text-align:right; width:4em;color:#F00; padding-right:3px; font-weight:bold;}
/* 標題上功能 */
a.a-more{background:url(/images/icon_s10.gif) 0 -66px no-repeat; *background-position:0 -68px; padding-left:11px; margin-left:10px;}

/* 訂單編號 */
.od-number{ font-size:18px; font-weight:bold; color:#F00; padding:0 7px 5px 37px;margin:0;}
/* 訂單結尾訊息 */
.order-end{ float:none; margin:5px 0px; display:block; padding:15px 150px;width:555px; }
.order-end h4{ font-size:15px; font-weight:bold; margin-top: 5px; margin-bottom: 20px;}
.order-end h5{font-size:15px; font-weight:bold; margin-bottom: 5px;}
.order-end h6{font-size:13px; font-weight:normal; margin:5px 100px 15px;}
.order-end p{margin:8px 10px; text-indent:2em;}

.order-end-p{ float:none; margin:5px 0px; display:block; padding:15px 30px;width:540px; }
.order-end-p h4{ font-size:15px; font-weight:bold; margin-top: 5px; margin-bottom: 20px;}
.order-end-p h5{font-size:15px; font-weight:bold; margin-bottom: 5px;}
.order-end-p h6{font-size:13px; font-weight:normal; margin:5px 100px 15px;}
.order-end-p p{margin:8px 10px; text-indent:2em;}


/* 一般標題下接的內容 */
.d-show{margin-top:0px; padding:5px 0;overflow:auto;_zoom:1;}

/* 訂單收件選項 */
.discount-way li,.send-way li,.pay-way li,.od-detail li,.pay-dateline li{padding:2px 0;*padding:0px 0 2px;}
.pay-way a:link{ padding:0 3px;}



/* ------------------- 以上是舊的購物車 -------------- */


/* -------------  支付方式 --------------- */
.step-payment{ margin:0 12% 15px; background:url(/images/icon_big.gif) 2% 0px no-repeat; padding:0 1px 0; }
.step-payment p{ line-height:1.5em; margin:5px 0; text-align:left; font-weight: normal; }
.step-payment img{margin:0;}
.step-payment {background-position:2% 0px;}
.step-payment-msg{margin:25px auto 0; line-height:1.5em; font-size:15px; padding:20px 0 0 80px; font-weight: bold; }
.step-payment-msg li{ font-weight: normal; list-style-position: outside; list-style-type: square; margin-left:15px;}
.step-payment-form{margin:0 auto; line-height:1.5em; padding:10px 0 0 80px}
.step-payment-form table{border:1px solid #ccc; width:550px; margin-bottom:10px;*margin-bottom:18px;}
.step-payment-form table th{ text-align:right; font-weight:normal; padding:4px; font-size: 15px; background-color: #EEE; border-top:1px solid #ccc; border-right:1px solid #ccc; vertical-align: top; width:20%;}
.step-payment-form table td{border-top:1px solid #ccc;padding:4px; text-align:left; font-size:12px;vertical-align: top;}
.step-payment-form table td p{text-align:left; padding:3px 2px;}
.step-payment-note{text-align:left; padding:8px 0 0 0;}
.step-payment-re li{font-size:13px;}
.bank-arrow{ background-image: url(/images/step_arrow_icon_1.gif); background-repeat: no-repeat; font-size: 15px; font-weight: bold; text-decoration: none; text-align: center; background-position: 168px 9px; list-style-type: none; padding:7px 0;}
.step-payment-form img{margin:0 auto; padding: 7px 3px 2px 2px;*padding: 7px 3px 2px 1px;}
.bank-head{ font-size: 13px; font-weight: bold; text-decoration: none; padding:5px 10px;}
.step-payment-form p{ padding-bottom:10px;}

/* -------------  支付方式(列印) --------------- */
.step-payment-p{ margin:0 auto 15px; background:url(/images/icon_big.gif) 2% 0px no-repeat; padding:0 1px 0; }
.step-payment-p p{ line-height:1.5em; margin:5px 0; text-align:left; font-weight: normal; }
.step-payment-p img{margin:0;}
.step-payment-p {background-position:2% 0px;}
.step-payment-p-msg{margin:25px auto 0; line-height:1.5em; font-size:15px; padding:20px 0 0 80px; font-weight: bold; }
.step-payment-p-msg li{ font-weight: normal; list-style-position: outside; list-style-type: square; margin-left:15px;}
.step-payment-p-form{margin:0 auto; line-height:1.5em; padding:10px 0 0 80px}
.step-payment-p-form table{border:1px solid #ccc; width:500px; margin-bottom:10px;*margin-bottom:18px;}
.step-payment-p-form table th{ text-align:right; font-weight:normal; padding:4px; font-size: 15px; background-color: #EEE; border-top:1px solid #ccc; border-right:1px solid #ccc; vertical-align: top; width:20%;}
.step-payment-p-form table td{border-top:1px solid #ccc;padding:4px; text-align:left; font-size:12px;vertical-align: top;}
.step-payment-p-form table td p{text-align:left; padding:3px 2px;}
.step-payment-p-re li{font-size:13px;}
.bank-arrow-p{ background-image: url(/images/step_arrow_icon_1.gif); background-repeat: no-repeat; font-size: 15px; font-weight: bold; text-decoration: none; text-align: center; background-position: 145px 9px; list-style-type: none; padding:7px 0;}
.step-payment-p-form img{margin:0 auto; padding: 7px 3px 2px 2px;*padding: 7px 3px 2px 1px;}
.bank-head-p{ font-size: 13px; font-weight: bold; text-decoration: none; padding:5px 10px;}
.step-payment-p-form p{ padding-bottom:10px;}

/* -------------  購物清單 --------------- */
/* 商品類型 */
.type-1,.type-2,.type-3,.type-4,.type-5,.type-money{font-size:12px; padding:1px 3px;*padding:3px 3px 0;}
.type-1{background:#FCF; color:#333;}/* 限購 */
.type-2{background:#94ebf2; color:#333;}/* 贈品 */
.type-3{background:#ffcc99; color:#333;}/* 加購 */
.type-4{background:#d5f091; color:#333;}/* 活動 */
.type-5{ background:#FF0; color:#333; }/* 满额购 */
.type-money{background:#FC0; color:#333;}/* 送购物金 */


/* 邊框白色 */
.boder-w,.tb-2 td.boder-w{border-color:#fff;}

.tb-1 th{text-align:center; font-weight:bold; background:#ffe9b5; color:#631; font-weight:normal; padding:4px;}
.tb-1 td{border-top:1px solid #ccc;padding:2px 4px; text-align:center; font-size:13px;}
.tb-1 td p{text-align:left; padding:3px 2px;}
.tb-1 td li{color:#777; float:none;}
.tb-1 td a:link,.tb-2 td a:visited{margin:3px 0;padding:0 1px;}

.tb-2{border:1px solid #ccc; width:100%; vertical-align:text-bottom;}
.tb-2 th{text-align:center; font-weight:bold; background:#ffe9b5; color:#631; font-weight:normal; padding:4px;}
.tb-2 td{border-top:1px solid #ccc;padding:2px 4px; text-align:center; font-size:12px;}
.tb-2 td p{text-align:left; padding:3px 2px;}
.tb-2 td li{color:#777; float:none;}
.tb-2 td a:link,.tb-2 td a:visited{margin:3px 0;padding:0 1px;}

/* 一般標題下接的內容 */
.d-show{margin-top:0px; padding:5px 0;overflow:auto;_zoom:1;}



/* 寬度 */
.w-1of1,.w-1of2,.w-1of3,.w-2of3,.w-1of4,.w-1of5{float:left;display:inline;margin-left:4%;}
.w-1of6{float:left;display:inline;margin-left:1%;}
.w-1of7{float:right; display:inline;}
.w-3of1{float:left;display:inline;margin-left:1%;}
.w-3of2{float:left;display:inline;margin-left:4%;}
.w-3of3{float:left; display:inline; }
.w-1of1{width:85%;}
.w-1of2{width:45%;}
.w-1of3{width:30%;}
.w-2of3{width:99%;}
.w-1of4{width:20%;}
.w-1of5{width:50%;}
.w-1of6{width:40%;}
.w-1of7{width:37%;}
.w-3of1{width:95%;}
.w-3of2{width:90%;}
.w-3of3{width:100%; background-color: #fffae5; }
.w-pay{float:left;display:inline;margin-left:4%;}
.w-pay{width:80%;}
.w-pay div{ padding:3px 0;margin-left:4%;}
.w-pay div p{ margin-left:4%;}
.sub-bank{ margin-left:8%;; font-weight: normal; }

.w-1of1 div,.w-2of3 div,.w-1of3 div{float:left;} /* 091225 miya*/
.pad{ margin-top: 5px;} /* 122909 alex*/
.pad-1{ margin-bottom: 6px; margin-top: 20px} /* 122909 alex*/
.pad-2{ margin-top: 2px; margin-bottom: 2px;} /* 122909 alex*/
.consignee li.w-1of3{width:29.5%;}
.consignee li.w-1of3,.consignee li.w-2of3{margin:0 0 10px;*margin:5px 0 0;}
.consignee li.w-3of1{margin:10px 10px 5px 25px;*margin:10px 10px 5px 25px;}
.consignee li.w-3of2{margin:3px 10px 3px 50px;*margin:0px 10px 0px 50px;}
.consignee ul.w-3of3{padding:5px;}
.consignee .wraning{ width:400px; height: 25px; border: 1px dotted #CCC; padding-top:5px; *padding-top:8px;clear: both; float: left; margin:20px 0 0 35px; *margin:20px 0 0 35px;  _margin:20px 0 0 20px;}
.mb-od-dtl .d-show li,.mb-drawmoney .d-show li{line-height:2em; margin-left:4%;}
.mb-od-dtl .tb-2{margin:10px 0; width:100%; background:#fff;} /* .mb-od-dtl .tb-2{margin:10px 20px; width:94%; background:#fff;}


/* --------------------------------------------- 會員首頁專區 ----------------------------------- */
#main.member-index .sidebar{float:left; width:170px;background:url(/images/bg_y.gif) repeat-y; padding:0; margin-right:10px;}
#main.member-index .sidebar h1{background:url(/images/title.gif) no-repeat; width:146px; height:33px; margin-bottom:-12px; font-size:15px; color:#fff; padding:7px 12px 0;}
#main.member-index .sidebar h1 b{display:none;}
#main.member-index .sidebar p{margin:12px 6px 5px; background:#feb; color:#631; padding:3px 15px; font-weight:bold;}
#main.member-index .sidebar li{margin:3px 6px 3px 24px;}
#main.member-index .sidebar li a:link,#main.member-index .sidebar li a:visited{color:#333;}
#main.member-index .sidebar-ft{background:url(/images/member_sb_dn.gif) no-repeat 0 bottom; width:170px; height:14px; margin-bottom:-4px;}
#main.member-index .content{float:left;width:770px;_width:750px;}
#main.member-index .content h3 span{font-size:12px; color:#777; font-weight:normal; padding-left:1em;}
.content.mb-index .tb-2 th{background:#f3f3f3;}
.m-info{background:url(/images/member_top.gif) no-repeat 0 0; width:740px; height:50px;*height:52px; overflow:hidden; padding:14px 15px;}
.m-info h4{font-size:15px;}
.m-info h4 span{font-size:12px; color:#555; float:right; font-weight:normal;}
.m-info p{float:left; display:block; width:160px; margin:7px 10px 0 0px;}
.m-info p a:link,.m-info p a:visited{color:#333;}
.mb-show{padding:0 10px 10px; margin-top:5px; overflow:auto;_overflow:hidden;_zoom:1;width:750px;}
.mb-show,.mb-tab li a,a.mb-tab-f{background:url(/images/mb_show_tab.gif) no-repeat;background-position:0 -58px;*background-position:0 -57px;}
.mb-tab li b{color:#f00; padding:0 2px;}
.mb-tab li{float:left;}
.mb-tab li a:link,.mb-tab li a:visited{color:#333;font-weight:bold;background-position:-215px 0;*background-position:-215px 1px; padding:6px 0 3px;*padding:7px 0 3px;  text-decoration:none; display:block; width:142px;*width:145px;text-align:center; vertical-align:bottom;_zoom:1;}
.mb-tab li a:hover{text-decoration:underline;}
.mb-tab li.mb-tab-f a:link,.mb-tab li.mb-tab-f a:visited{background-position:0 0;}
.mb-show p{clear:both;padding:9px 8px 5px;*padding:5px 8px 4px;}

.od-stat-msg{text-align:left; margin:0 0 13px;*margin:5px 0 13px;_margin:8px 0 12px; color:#f00; font-size:15px; font-weight:bold;}

.box-pink{padding:5px 25px;*padding:7px 25px 3px; width:auto;border:2px solid #ff7171; background-color:#ffe7ec;}

/* 大標題 */
.content h2{padding:7px 17px;_padding:7px 17px 3px; color:#fff; font-size:14px;background:url(/images/bg_gradient.gif) repeat-x 0 -468px; border:1px solid #e78f07; height:12px;}
 
/* 收藏商品 */
.pd-a,.pd-b{float:left;width:225px; line-height:1.3em; margin:20px 11px 0 0; padding:2px 7px 0; border-bottom:1px dashed #ccc; height:85px;}
.pd-b{ border:0;margin:15px 11px 0 0;}
.pd-a img,.pd-b img{border:1px solid #ddd; float:left; margin:-2px 10px 0 0;}
.pd-a strong,.pd-b strong{font-size:15px;}

/* 我的訂單資訊 */
.mb-od .tb-2{margin-top:0;}
/* 我的訂單資訊 */
.mb-od-dtl{}
.mb-od-dtl p.total input{width:90px;}
.mb-od-dtl .d-show .tb-2 li{margin-left:.5em;}
.mb-od-dtl .d-show .tb-2 li select{margin-left:-.5em;}
ul.od-stat{font-size:12px; text-align:center; margin:9px 0 10px 135px; display:block; height:37px; color:#777;}
.od-stat li{background:url(/images/bg_order_stat.gif) no-repeat center -150px; display:block; width:88px; float:left; padding-top:23px;*padding-top:25px;}
.od-stat li.od-stat-start,.od-stat li.od-stat-mid,.od-stat li.od-stat-now{color:#6e0209;}
.od-stat li.od-stat-start{background-position:center 0;}
.od-stat li.od-stat-mid{background-position:center -50px;}
.od-stat li.od-stat-now{background-position:center -100px;}
.od-stat li.od-stat-end{background-position:center -200px;}
/* 取消訂單壓視窗 */
.od-cancel-dailog p{padding-top:7px;}
.od-cancel-dailog ul{overflow:auto;_zoom:1;margin:10px 5% 0; *margin:10px 5% 5px; line-height:1.8em;}
.od-cancel-dailog-ok p{line-height:1.5em; padding:10px 15px 25px 100px;background:url(/images/icon_big.gif) 15px 0 no-repeat;}
.od-cancel-dailog-ok div{margin:0 0 0 5px;}
/* 退貨原因欄位 */
.return-txt div{float:left;}
.return-txt i{font-style:normal; color:#f00; padding-left:.75em; }
.return-txtfild{width:570px;*margin:5px 0 0;}
.return-txt textarea{width:570px; height:50px; }
.mb-od-dtl .a-function{ margin-bottom:-10px;}
.mb-od-dtl .a-function a{margin-left:7px;}
/* 我的帳戶*/
h4.my-accounut{clear:both; font-weight:normal; font-size:15px; margin:5px 5px;}
.my-bank-date{ margin-left:29px;}
.my-bank-date p{float:right; margin:-9px 0 0;}
.my-bank-date strong{}
/* 我的帳戶-提款 */
.list-drawmoney{margin:0 70px;}
.list-drawmoney li{text-indent:-1.1em; line-height:1.5em; margin:7px 0 7px 1em;}
.mb-drawmoney-form{margin:7px 27px;}
.mb-drawmoney-form .ok-img{background-position:55px 20px; padding-bottom:15px;}
.mb-drawmoney-form .drawmoney-dtl{padding:5px 80px;}
/* 表格上方選擇連結 */
.a-pick-links{float:left; margin:-22px 0 0 27px;}
.a-pick-links a,.a-pick-links strong{margin:0 5px;}

/* ok勾勾 */
.ok-img{background:url(/images/icon_big.gif) 15px 5px no-repeat; padding:1px 1px 55px;}
.ok-img p{margin:20px 0 0 120px;}
/* ---------------------------------------------- 會員登入相關 ------------------------------------------ */
/* 登入頁 */
.member-log{overflow:auto;_zoom:1; margin-top:0px;}
.m-reg{float:right; width:320px; border:1px solid #ccc; margin:0 20px;}
.m-reg h1{padding:7px 7px 4px 13px; *padding:8px 7px 3px 13px;background:#fffae5; border-bottom:2px solid #ffe17a; font-size:15px; color:#631;}
.m-reg li{clear:left;vertical-align:middle; padding:5px 0;*padding:0;line-height:1.8em;margin:10px 0 3px;_zoom:1;}
.m-reg li div{float:left;}
.m-reg li label{width:80px; text-align:right; float:left; display:block; *padding:3px 3px 2px;}
.m-reg li .focus-ipt{border:1px solid #630;background:url(/images/bg_gradient.gif) 0 -234px repeat-x #fffbe3; padding:1px;}
.m-reg p{margin:15px auto 0;}
.m-reg .m-reg-new{margin-top:10px;*margin-top:7px;padding:10px 18px 10px 0;*padding:10px 10px 10px 0; text-align:right; border-top:2px dashed #eee; background:#f7f7f7;}
.m-img{float:right; text-align:center; width:550px;}


#main.member-reg{margin:10px 70px 15px; border:5px solid #efefef; padding:1px 1px 35px; background-image:none;}
#main.member-reg h3{margin:0;*margin-top:-8px;padding:7px 7px 5px 7px; *padding:9px 7px 3px 7px;}
#main.member-reg ul{}
#main.member-reg li{ line-height:2.2em;*line-height:1.8em;}
#main.member-reg li label{width:180px;}
.m-regform li{clear:both;vertical-align:bottom; line-height:1.2em; _zoom:1; overflow:auto;}
.m-regform li div{float:left;}
.m-regform li input{*margin:5px 0 0;}
.m-regform .btn-s{ letter-spacing:2px; padding-left:25px; padding-right:20px;}

.member-reg-ok,.forgetpwd-ok,.changepwd-ok{margin:0 70px 15px;background:url(/images/icon_big.gif) 30% 45px no-repeat; border:5px solid #efefef; padding:0 1px 0; }
#main.member-reg-ok h3,#main.forgetpwd-ok h3{*margin-top:-5px; text-align:left;}
.member-reg-ok p,.changepwd-ok p{line-height:1.5em; margin:25px 15px 5px; text-align:center;}
.changepwd-ok{background-position:33% 43px;}
.forgetpwd-ok{background-position:22% 43px;}
.forgetpwd-ok p{line-height:1.5em; margin:25px 15px 5px 30%;}
#main.member-reg-ok .btns{margin:10px 95px 0 0;}

#main .tips-li{ margin:5px 7%; padding:10px 20px; text-align:left; overflow:auto;}
#main .tips-li ul{padding-left:1em;}
#main .tips-li li{clear:both;line-height:1.6em; margin:0;}


/* --------------------------------------------  other ------------------------------------------------- */
/* 頁數切換 */
.page-change{text-align:center; margin:5px auto;}
.page-change a:link,.page-change a:hover,.page-change a:visited{padding:0 5px 2px; margin:0 1px;}/* 頁碼 */
.page-change b{padding:2px 8px;}
.page-change a.a-togo:link,.page-change a.a-togo:hover,.page-change a.a-togo:visited{padding:0 5px;margin:1px 1px 0;color:#369;}/* 上下頁中文 */
a.a-togo:link,a.a-togo:hover,a.a-togo:visited{padding:0 5px;margin:1px 1px -1px;color:#369;}/* 上下頁中文 */
.a-no{color:#999;padding:2px 5px;}/* 換頁無連結灰掉時 */


/* 常用文字顏色 */
.txt-rd{color:#F00;}
.txt-gy-2{color:#666;}
.txt-gy{color:#999;}
.txt-bl{color:#369;}

/* 連結色 */
a.a-red:link,a.a-red:visited{color:#f50;}
a.a-blue:link,a.a-blue:visited{color:#369;text-decoration:none;}a.a-blue:hover{text-decoration:underline;}

/* icon */
.a-function{text-align:right; height:25px;}
.a-function-center{ text-align:center; height:20px; margin:0 0 0 10px;}
.a-print,.a-knowlist,.a-listinfo,.a-tips,.icon-mypoint,.icon-mycoupon,.icon-mybank,.icon-collection,.a-photo{background:url(/images/icon_25.gif) 0 4px no-repeat; padding:3px 3px 3px 20px;}
.my-money b,.my-coupon b,.my-accounut b,.icon-mypoint b{color:#f30;}
.a-print{*background-position:0 3px; margin:0;color:#369; height:15px;}
a.a-print:link,a.a-print:visited,a.a-knowlist:link,a.a-knowlist:visited,a.a-listinfo:link,a.a-listinfo:visited{color:#369;}
.a-knowlist{background-position:0 -373px;*background-position:0 -375px; margin:0;color:#369; height:15px;}
.a-listinfo{background-position:0 -514px;*background-position:0 -516px; margin:0;color:#369; height:15px;}
.a-tips{background-position:0 -68px;*background-position:0 -70px;margin:0;height:35px; }
.my-money{background-position:0 -103px;}
.my-coupon{background-position:0 -170px;}
.my-accounut{background-position:0 -135px; padding-left:23px;}
h2.my-accounut{clear:both;background-position:0 -135px;*background-position:0 -132px; padding-left:25px; font-size:15px; font-weight:normal; margin:35px 5px 5px;*margin:10px 5px 5px;}
p.icon-collection,a.icon-collection:link,a.icon-collection:visited{ clear:both;background-position:0 -547px;*background-position:0 -548px; _background-position:0 -546px; padding:4px 3px 3px 22px; line-height:1.4em; margin-bottom:5px;}
.icon-mypoint{background-position:0 -103px;}
/* 搶購 */
a.tobuy{background:url(/images/icon_s10.gif) 0px -137px no-repeat; padding-left:10px;}


/* 按鈕連結 */
.textlink{margin-top:10px;_zoom:1;min-height:45px;}
.textlink1{display:inline-block;width:50px; height:15px; padding:10px 4px;*padding:12px 4px; text-align:center;}
/* 按鈕p */
p.btns{margin-top:10px;_zoom:1;min-height:45px;}
p.btns-center{ margin-top:10px; _zoom:1; min-height:45px; text-align: center; line-height:1.3em;}

/* 大 */
a.btn-big-rd{background:url(/images/btn_big.gif) no-repeat; display:inline-block; width:120px; height:20px; padding:10px 5px;*padding:12px 5px; text-align:center; font-weight:bold; text-decoration:none;}
a.btn-big-rd:link,a.btn-big-rd:visited{background-position:center 0;color:#fff; text-decoration:none;}
a.btn-big-rd:hover{ background-position:center -57px;}

/* 大-arrow*/
a.btn-big-arr{ background:url(/images/btn_big_1.gif) no-repeat 0 0; display:inline-block; width:200px; height:38px; padding:5px; _padding:8px 5px; text-align:center; font-weight:bold; text-decoration:none; font-size: 18px; line-height: 1.7em; letter-spacing: 1px; }
a.btn-big-arr:link,a.btn-big-arr:visited{background-position:center 0;color:#fff; text-decoration:none;}
a.btn-big-arr:hover{ background-position:center -57px;}

/* 大 付款結帳方式btn */
a.btn-pay3,a.btn-payonline{background:url(/images/btn_big_1.gif) no-repeat; line-height:20px; font-size:18px; display:inline-block; width:200px; padding:25px 5px 8px;*padding:28px 5px 6px; text-align:center; font-weight:bold; text-decoration:none;}
a.btn-pay3:link,a.btn-pay3:visited{background-position:center -200px;color:#fff; text-decoration:none;}
a.btn-pay3:hover{background-position:center -300px;}
a.btn-payonline:link,a.btn-payonline:visited{background-position:center -400px;color:#fff; text-decoration:none;}
a.btn-payonline:hover{background-position:center -500px;}

a.btn-bank{background:url(/images/btn_big_bank.gif) no-repeat;display:inline-block; width:116px; height:50px;text-align:center; margin:0px 7px 5px 10px;*margin:0px 6px 5px 8px;}
a.btn-bank:link,a.btn-bank:visited{background-position:center 0px;}
a.btn-bank:hover{background-position:center -100px;}

a.btn-bank-p{background:url(/images/btn_big_bank.gif) no-repeat;display:inline-block; width:116px; height:50px;text-align:center; margin:0px 1px 5px 3px;*margin:0px 0px 5px 2px;}
a.btn-bank-p:link,a.btn-bank-p:visited{background-position:center 0px;}
a.btn-bank-p:hover{background-position:center -100px;}

/* 中 */
.btn-mid,.btn-mid-gy,.btn-mid-8,.btn-mid-8-gy{background:url(/images/btn_mid.gif) no-repeat; display:inline-block;width:94px; height:15px; padding:10px 4px;*padding:12px 4px; text-align:center; font-weight:bold; text-decoration:none}
a.btn-mid:link,a.btn-mid:visited{background-position:center -63px;color:#631;}
a.btn-mid-gy:link,a.btn-mid-gy:visited{background-position:center -116px;color:#631;}
a.btn-mid:hover,a.btn-mid-gy:hover{background-position:center 0;color:#631;}
.btn-mid-8,.btn-mid-8-gy{width:134px;}
a.btn-mid-8:link,a.btn-mid-8:visited{background-position:center -254px;color:#631;}
a.btn-mid-gy-8:link,a.btn-mid-gy-8:visited{background-position:center -312px;color:#631;}
a.btn-mid-8:hover,a.btn-mid-gy-8:hover{background-position:center -196px;color:#631;}

/* 小 */
a.btn-s:link,a.btn-s:visited{ font-size:13px; color:#333; height:18px; padding:3px 7px;*padding:4px 7px 1px;border:1px solid #d8a700; margin:0 3px; background:url(/images/bg_gradient.gif) 10px -273px repeat-x #ffe36b; text-decoration:none;}
a.btn-s:hover{background-position:0 -327px; background-color:#ffec89;border:1px solid #d8a700;}


/* 字體大小 */
.txt-ss{font-size:12px;}
.txt-s{font-size:13px;}
.txt-m{font-size:15px;}
.txt-L{font-size:18px;}


/* 特殊間距行高 */
.LH-3 li{margin-top:5px; margin-bottom:5px;}
.LH-2{line-height:2em;}
.LH-1of5{line-height:.2em;}

.bg-y2{background:#fffef4;}
.bg-gy,.tb-2 th.bg-gy{background:#f3f3f3;}
/* 表格之類的滑過變色 */
.tb-orderlist tbody tr:hover,.bg-yl{background:#fffae5;}

.f-lt{float:left;}
.f-rt{float:right;}
.f-no{float:none;}
.c-f{clear:both;}
.t-align-L{text-align:left;}
.t-align-R{text-align:right;}
.t-align-C{text-align:center;}
.t-p{ text-align:right; padding-right: 13px; *padding-right: 10px;}
/* 列印顯示頁按鈕 */
.print-btns{direction:rtl;}


.tb-3{border:1px solid #ccc; width:853px; vertical-align:text-bottom;}
.tb-3 th{text-align:center; font-weight:bold; background:#ffe9b5; color:#631; font-weight:normal; padding:4px;}
.tb-3 td{border-top:1px solid #ccc;padding:2px 4px; text-align:center; font-size:12px;}
.tb-3 td p{text-align:left; padding:3px 2px;}
.tb-3 td li{color:#777; float:none;}
.tb-3 td a:link,.tb-3 td a:visited{margin:3px 0;padding:0 1px;}
.boder-w,.tb-3 td.boder-w{border-color:#fff;}

/* li 排序前面有縮排 */
ul.li-w1 li{text-indent:-15px; margin:5px 0 5px 15px;line-height:1.4em;}
ul.li-w2 li{text-indent:-40px; margin:5px 0 5px 35px;line-height:1.4em;}
li a{margin-left:0;}

/* 泡泡頁 miya@100225 */
.dtl-popup,.dtl-weight{width:580px;border:2px solid #f93; padding:10px; background:#fff; line-height:1.5em;}
.dtl-popup h4{margin-bottom:10px;padding:5px 17px 9px;_padding:7px 17px 2px; color:#fff; font-size:14px;background:url(/images/bg_gradient.gif) repeat-x 0 -468px; border:1px solid #e78f07; height:12px;}
.dtl-popup .tb-1 th,.dtl-popup .tb-1 td{border:1px solid #ccc;}

/* 重量總計詳情 */
.dtl-weight{z-index:999; position:absolute; float:left; margin-left:160px;}
.dtl-weight table.tb-2{border:0;}
.dtl-weight table.tb-2 th{background-color:#eee;}
.close-bt{float:right; margin:-2px -10px;_margin:-4px -5px;background:url(/images/pd/bt_button.gif) no-repeat -2px -64px;width:21px;height:21px;display:block;}
.dtl-weight h4{padding:5px 17px 9px;_padding:7px 17px 2px; color:#fff; font-size:14px;background:url(/images/bg_gradient.gif) repeat-x 0 -468px; border:1px solid #e78f07; height:12px;}
.ie6-sel-iframe{width:580px; height:800px; background:#ccc;float:left; position:absolute; float:left; margin-left:160px; margin-top:0;display:none;/*sorry for IE5*/display/**/:block;/*sorry for IE5*/; z-index:1;filter:mask();/*must have*/}  
